<!-- 模态框 For Add New Field -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <p style="font-size: 18px" class="modal-title">增加字段</p>
            </div>
            <!--核心内容-->
            <div class="modal-body" style="min-height: 200px; padding:20px 50px">
                <table>
                    <tr>
                        <td>字段选择</td>
                        <td>
                            <select ng-model="field.field" ng-change="changeFieldSel()">
                                <option value="">自定义</option>
                                <option ng-repeat="opt in cols" value="{{opt.field}}"
                                    ng-if="opt['isUsed']!=1 && opt.name!='自定义'">
                                        {{opt.name}}
                                </option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>数据类型</td>
                        <td>
                            <select ng-model="field.type" ng-options="k as v for (k, v) in typeText"></select>
                        </td>
                    </tr>
                    <tr>
                        <td>字段名</td>
                        <td>
                            <input ng-model="field.name" type="text" style="width: 190px" ng-disabled="field.field!=''">
                        </td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer"><button type="button" class="btn btn-info" ng-click="addField()">提交更改</button></div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- End 模态框 For Add New Field -->
